.content {
	background: #fff;
}
.Modal_mask {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.4);
	z-index: 999;
}
.i_h_logo {
	height: 68rpx;
	width: 112rpx;
}
.s_title {
	color: #fff;
	font-size: 36rpx;
	font-weight: bold;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.i_h_login {
	width: 44rpx;
	height: 52rpx;
	padding-right: 26rpx;
}
.quotation {
	/* #ifdef APP-PLUS */
	height: calc(100% - var(--status-bar-height));
	/* #endif */
	margin-top: 28rpx;
	.quotation_top {
		.top {
			padding: 0 24rpx;
			display: flex;
			align-items: center;
			justify-content: space-between;
			.left {
				display: flex;
				align-items: center;
				justify-content: space-between;
				.menu {
					width: 32rpx;
					height: 26rpx;
				}
				text {
					font-weight: bold;
					font-size: 32rpx;
					margin: 0 10rpx;
				}
				.num {
					width: 94rpx;
					padding: 6rpx 4rpx;
					border-radius: 6rpx;
					font-size: 24rpx;
					display: flex;
					align-items: center;
					justify-content: center;
					&.rise {
						color: $rise;
						background: rgba(3, 173, 143, 0.2);
					}
					&.fall {
						color: $fall;
						background: rgba(209, 75, 100, 0.2);
					}
				}
			}
			.right {
				display: flex;
				align-items: center;
				justify-content: space-between;
				.kline {
					width: 32rpx;
					height: 32rpx;
				}
				.three {
					width: 32rpx;
					height: 24rpx;
					margin-left: 42rpx;
				}
			}
		}
		.bom {
			padding: 0 24rpx;
			display: flex;
			align-items: center;
			justify-content: space-between;
			margin-bottom: 18upx;
			view {
				text {
					color: #a3a3a3;
					font-size: 18upx;
				}
				.aa {
					display: block;
					margin-bottom: 12rpx;
				}
			}
			.lst {
				text-align: right;
			}
		}
	}
	.entrust {
		height: calc(100% - 186upx);
		box-sizing: border-box;
		padding-top: 20upx;
		.entrust_main {
			padding: 0 20upx 20upx;
			.entrust_main_list {
				.item {
					padding: 14upx 20upx 5upx;
					border-radius: 8upx;
					background: $maskBg;
					color: #488fd3;
					font-size: 26upx;
					margin-bottom: 12upx;
					&:last-child {
						margin-bottom: 0;
					}
					.time {
						line-height: 55upx;
					}
					.item_item {
						display: flex;
						.left,
						.right {
							flex: 1;
							display: flex;
							justify-content: center;
							flex-direction: column;
							height: 88upx;
							position: relative;
							&::before {
								content: '';
								display: block;
								position: absolute;
								bottom: 0;
								left: 0;
								right: 0;
								height: 1px;
								background: #585d67;
								transform: scaleY(0.5);
							}
							text {
								line-height: 34upx;
							}
						}
						.right {
							text-align: right;
							&::after {
								content: '';
								display: block;
								position: absolute;
								top: 0;
								bottom: 0;
								left: 0;
								width: 1px;
								background: #585d67;
								transform: scale(0.7);
							}
						}
					}
					.item_title {
						position: relative;
						&::before {
							content: '';
							display: block;
							position: absolute;
							bottom: 0;
							left: 0;
							right: 0;
							height: 1px;
							background: #585d67;
							transform: scaleY(0.5);
						}
						padding-bottom: 16upx;
						.fl {
							line-height: 44upx;
							&.buy {
								color: #03c936;
							}
							&.sell {
								color: $panSell;
							}
						}
						.fr {
							padding: 0;
							text-align: center;
							width: 82upx;
							height: 44upx;
							line-height: 44upx;
							border-radius: 6upx;
							border: 0;
							background: #488fd3;
							color: #191e2a;
							font-size: 26upx;
							transition: all 0.1s;
							&::after {
								display: none;
							}
							&:active {
								opacity: 0.5;
							}
						}
					}
				}
			}
			.select_time {
				display: flex;
				background: $maskBg;
				border-radius: 8upx;
				padding: 15upx;
				box-sizing: border-box;
				height: 82upx;
				margin-bottom: 14upx;
				.start_time,
				.end_time {
					height: 100%;
					flex: 1;
					color: #488fd3;
					border: 1upx solid #488fd3;
					border-radius: 6upx;
					picker {
						.uni-input {
							height: 100%;
							padding: 0;
							text-align: center;
							background: none;
						}
					}
				}
				.division {
					flex: 1;
					max-width: 40upx;
					color: #488fd3;
					text-align: center;
					display: flex;
					justify-content: center;
					align-items: center;
				}
			}
		}
	}

	.quotation_pan {
		margin-top: 34rpx;
		padding: 0 26upx;
		.quotation_pan_new {
			.title {
				display: flex;
				align-items: center;
				justify-content: space-between;
				padding: 20rpx 0;
				border-bottom: 2rpx solid #f8f9fb;
				margin-bottom: 2rpx;
				view,
				text {
					font-size: 24rpx;
					font-weight: bold;
				}
				.left {
					display: flex;
					align-items: center;
					view {
						color: #c5cfd5;
						margin-right: 32rpx;
						&.active {
							color: #1f3f59;
						}
					}
				}
				.right {
					display: flex;
					align-items: center;
					image {
						width: 28upx;
						height: 28upx;
						margin-right: 6rpx;
					}
				}
			}
			.n_list {
				.n_block {
					margin: 16upx 0;
					margin-bottom: 22rpx;
					padding: 20rpx 8rpx;
					border: 2rpx solid #f8f9fb;
					&:first-child {
						margin-top: 0;
					}
					.top {
						display: flex;
						align-items: center;
						justify-content: space-between;
						margin-bottom: 24rpx;
						.left {
							display: flex;
							align-items: center;
							.buy {
								width: 38rpx;
								height: 30rpx;
								background: $buy;
								border-radius: 6rpx;
								display: flex;
								align-items: center;
								justify-content: center;
								font-size: 24rpx;
								color: #fff;
								font-weight: bold;
							}
							.sell {
								background: $panSell;
							}
							.wz {
								margin: 0 32rpx 0 16rpx;
								text {
									font-weight: bold;
								}
								.small {
									font-size: 20rpx;
									color: #c5cfd5;
								}
							}
							.time {
								font-size: 24rpx;
								color: #c5cfd5;
							}
						}
						.right {
							width: 50px;
							height: 20px;
							border: 1px solid rgba(24, 130, 212, 1);
							border-radius: 3px;
							color: $blue;
							display: flex;
							align-items: center;
							justify-content: center;
						}
					}
					.btm {
						display: flex;
						align-items: center;
						justify-content: space-between;
						text {
							font-size: 24rpx;
						}
						.one {
							display: block;
							margin-bottom: 18rpx;
							font-size: 24rpx;
						}
						.right {
							text-align: right;
						}
					}
				}
			}
			.new_nav {
				display: flex;
				justify-content: space-between;
				text {
					font-size: 26upx;
					color: #488fd3;
					line-height: 65upx;
				}
			}
			.new_list {
				height: calc(100vh - 915upx);
				/* #ifdef APP-PLUS */
				height: calc(100vh - 915upx - var(--status-bar-height));
				/* #endif */
				overflow: auto;
				.item {
					display: flex;
					justify-content: space-between;
					height: 34rpx;
					@keyframes show {
						0% {
							max-height: 0px;
							background-color: transparent;
						}
						30% {
							background-color: rgba(140,159,173,.1);
						}
						80% {
							background-color: rgba(140,159,173,.1);
						}
						100% {
							max-height: 34rpx;
							background-color: transparent
						}
					}
					&.isani {
						animation: show 1s; //infinite;
						overflow: hidden;
						background-color: rgba(140,159,173,.1);
					}
					text {
						font-size: 26upx;
						color: #488fd3;
						line-height: 34upx;
						text-align: left;
						font-family: 'Helvetica Neue';
					}
					&:active {
						background: #565b66;
					}
					.buy {
						color: $buy;
					}
					.sell {
						color: $panSell;
					}
				}
			}
		}
		.quotation_pan_main {
			padding-bottom: 34rpx;
			border-bottom: 10rpx solid #f8f9fb;
			.pan_left {
				float: left;
				width: 390rpx;
				.trade {
					display: flex;
					align-items: center;
					justify-content: space-between;
					position: relative;
					.btn {
						display: flex;
						align-items: center;
						justify-content: center;
						color: #c5cfd5;
						z-index: 9;
						font-weight: bold;
						width: 210rpx;
						text-align: center;
						height: 66rpx;
						&.buy {
							color: #fff;
						}
						&.sell {
							color: #fff;
						}
					}
					.thr_l {
						position: absolute;
						width: 166rpx;
						height: 0;
						left: 0;
						border-top: 66rpx solid #f8f9fb;
						border-left: 0 solid transparent;
						border-right: 34rpx solid transparent;
						&.buy {
							color: #fff;
							border-top: 66rpx solid $buy;
						}
					}
					.thr_r {
						position: absolute;
						right: 0;
						width: 166rpx;
						height: 0;
						border-bottom: 66rpx solid #f8f9fb;
						border-right: 0 solid transparent;
						border-left: 34rpx solid transparent;
						&.sell {
							color: #fff;
							border-bottom: 66rpx solid $sell;
						}
					}
				}
				.lever {
					position: relative;
					.bk {
						display: flex;
						align-items: center;
						justify-content: space-between;
						height: 50rpx;
						padding: 0 22rpx;
						border: 2rpx solid #c5cfd5;
						border-radius: 4upx;
						margin-top: 34rpx;
						font-weight: bold;

						image {
							width: 28rpx;
							height: 20rpx;
						}
					}
					.selList {
						z-index: 9999;
						position: absolute;
						left: 0;
						top: 66rpx;
						width: 390rpx;
						background: #fff;
						border: 2upx solid #f7f7fb;
						border-radius: 6upx;
						.block {
							display: flex;
							align-items: center;
							height: 96rpx;
							padding-left: 18rpx;
							border-bottom: 2rpx solid #f7f7fb;
							text {
								color: #c5cfd5;
								font-weight: bold;
							}
							&:active,
							&:hover {
								background: #f7f7fb;
							}
						}
					}
				}
				.math {
					height: 66rpx;
					border: 2rpx solid rgba(197, 207, 213, 1);
					border-radius: 6rpx;
					display: flex;
					align-items: center;
					justify-content: space-between;
					margin-top: 20rpx;
					input {
						padding-left: 22rpx;
						font-size: 28rpx;
					}
					.m_coin {
						font-weight: bold;
						margin-right: 20rpx;
					}
					.arithmetic {
						display: flex;
						align-items: center;
						width: 156rpx;
						height: 100%;
						border-left: 2rpx solid #c5cfd5;
						view {
							color: #c5cfd5;
							font-size: 56rpx;
							width: 50%;
							display: flex;
							align-items: center;
							justify-content: center;
							position: relative;
							&.add {
								&::after {
									content: '';
									position: absolute;
									width: 2rpx;
									height: 24rpx;
									background: #c5cfd5;
									left: 0;
									top: 20rpx;
								}
							}
						}
					}
				}
				.little_word {
					font-size: 20rpx;
					color: #c5cfd5;
					margin-top: 16rpx;
				}
				.sel {
					width: 100%;
				}
				.avai {
					display: flex;
					align-items: center;
					justify-content: space-between;
					margin-top: 12rpx;
					text {
						font-size: 20rpx;
						color: #c5cfd5;
					}
				}
				.jye {
					color: #c5cfd5;
					font-weight: bold;
					margin-top: 38rpx;
					margin-bottom: 16rpx;
				}
				.tpis {
					margin-top: 10rpx;
					font-size: 24rpx;
				}
				.submits {
					height: 66rpx;
					background: $buy;
					border-radius: 3px;
					display: flex;
					align-items: center;
					justify-content: center;
					color: #fff;
					font-weight: bold;
					&.sell_btn {
						background: $sell;
					}
				}
			}
			.pan_right {
				float: right;
				width: 286rpx;
				.average {
					margin-top: 24rpx;
					margin-bottom: 24rpx;
					text {
						display: block;
					}
					.one {
						font-weight: bold;
						color: $sell;
						&.buy {
							color: $buy;
						}
					}
					.two {
						font-size: 20rpx;
						color: #c5cfd5;
						margin-top: 2rpx;
					}
				}
				.deep {
					display: flex;
					align-items: center;
					justify-content: space-between;
					width: 152rpx;
					padding: 0 10rpx;
					height: 40rpx;
					margin-top: 12rpx;
					border: 2rpx solid rgba(197, 207, 213, 1);
					border-radius: 6rpx;
					text {
						color: #c5cfd5;
						font-size: 24rpx;
					}
					image {
						width: 20rpx;
						height: 14rpx;
					}
				}
				.p_r_title {
					margin-bottom: 24rpx;
					text {
						font-size: 24upx;
						color: #c5cfd5;
						font-weight: bold;
					}
				}
				.pan_sell_list,
				.pan_buy_list {
					overflow: hidden;
					height: 250rpx;
					position: relative;
					@keyframes show {
						from {
							max-height: 0px;
						}

						to {
							max-height: 50rpx;
						}
					}
					.item {
						line-height: 50rpx;
						font-size: 24upx;
						position: relative;
						height: 50rpx;
						// transition: all 0.8s;
						// display: flex;
						// justify-content: space-between;
						.item_list {
							height: 50rpx;
							position: absolute;
							left: 0;
							top: 0;
							width: 100%;
							font-size: 24upx;
							line-height: 50rpx;
							display: flex;
							justify-content: space-between;
						}
						&.update {
						    .frr {
						        transition: color 0.3s linear;
						        color: #488fd3;
						    }
						}
						&.add {
							animation: show 1s;
							max-height: 0px;
							overflow: hidden;
						}
						&.del {
							height: 0px;
							transition: height 0.3s linear;
							overflow: hidden;
							transition-delay: 0.5s;
						}
						.fll {
							color: $sell;
							position: relative;
							z-index: 2;
							font-family: 'Helvetica Neue';
						}
						.frr {
							color: $sell;
							position: relative;
							z-index: 2;
							font-family: 'Helvetica Neue';
						}
						.bg {
							position: absolute;
							left: 0;
							top: 0;
							bottom: 0;
							background: rgba(209, 75, 100, 0.1);
						}
					}
				}
				#SELLLIST {
					position: absolute;
					bottom: 0;
					width: 286rpx;
					display: flex;
					flex-direction: column-reverse;
				}
				.pan_buy_list {
					.item {
						.fll {
							color: $buy;
						}
						.frr {
							color: $buy;
						}
						.bg {
							background: rgba(3, 173, 143, 0.1);
						}
					}
				}
			}
		}
	}
	.have {
		.block {
			.top {
				padding: 20rpx 24rpx 24rpx;
				border-bottom: 2rpx solid #bfbfbf;
				.one {
					display: flex;
					align-items: center;
					margin-bottom: 6rpx;
					.more {
						color: #4fb869;
						font-size: 14rpx;
						background: rgba(79, 184, 105, 0.2);
						padding: 0 4rpx;
						margin-left: 16rpx;
						border-radius: 4rpx;
					}
				}
				.two {
					display: flex;
					align-items: center;
					justify-content: space-between;
					.small {
						font-size: 20rpx;
						color: $gray;
						margin-bottom: 24rpx;
						margin-top: 26rpx;
					}
					.big {
						color: #000;
						font-size: 30rpx;
					}
				}
			}
			.bottom {
				padding: 20rpx 24rpx 20rpx;
				.one {
					display: flex;
					align-items: center;
					justify-content: space-between;
					.small {
						font-size: 20rpx;
						color: $gray;
						margin: 20rpx 0 16rpx;
						&:first-child {
							margin-top: 0;
						}
					}
					.ssmall {
						font-size: 20rpx;
					}
				}

				.two {
					display: flex;
					align-items: center;
					justify-content: space-between;
					.btn {
						display: flex;
						align-items: center;
						justify-content: center;
						width: 212upx;
						height: 35upx;
						border: 1upx solid rgba(191, 191, 191, 1);
						border-radius: 6upx;
						font-size: 20rpx;
						color: $blue;
						margin-top: 38rpx;
						&.active {
							background-color: $blue;
							color: #fff;
						}
					}
				}
			}
		}
	}
	.quotation_NavBar {
		position: relative;
		height: 88upx;
		padding: 0 20upx;
		&::after {
			content: '';
			display: block;
			position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
			height: 1px;
			background: #353944;
			transform: scaleY(0.5);
		}
		.quotation_kline {
			position: absolute;
			right: 40upx;
			bottom: 0;
			top: 0;
			display: flex;
			justify-content: center;
			align-items: center;
			color: #488fd3;
			.iconfont {
				height: 40upx;
				width: 40upx;
				text-align: center;
				line-height: 38upx;
				font-size: 36upx;
				border: 1upx solid #488fd3;
				border-radius: 8upx;
				margin-left: 12upx;
			}
		}
		.select_coin {
			position: absolute;
			left: 90upx;
			bottom: 0;
			top: 0;
			display: flex;
			justify-content: center;
			align-items: center;
			color: #488fd3;
			.select_coin_main {
				height: 40upx;
				line-height: 38upx;
				border: 1upx solid #488fd3;
				border-radius: 8upx;
				padding: 0 10upx;
				text {
					margin-right: 10upx;
					font-size: 22upx;
					color: #488fd3;
				}
			}
		}
		.back {
			position: absolute;
			left: 20upx;
			bottom: 0;
			top: 0;
			width: 70upx;
			display: flex;
			justify-content: center;
			align-items: center;
		}
	}
}
.quotation_select {
	width: 700rpx;
	padding: 64rpx 26rpx;
	box-sizing: border-box;
	background: #fff;
	color: $gray;
	font-size: 24upx;
	border-radius: 10upx;
	box-shadow: 0upx 5upx 20upx 0upx rgba(57, 56, 56, 0.2);
	.block {
		display: flex;
		justify-content: space-between;
		align-items: center;
		&.two {
			margin: 54rpx 0 62rpx;
		}
		.m_input {
			width: 540rpx;
			height: 40rpx;
			border: 2rpx solid #bfbfbf;
			border-radius: 5upx;
			padding: 0 20rpx;
			display: flex;
			justify-content: space-between;
			align-items: center;
			input {
				color: #000;
			}
		}
	}
	.blue_btn {
		height: 40upx;
		background: rgba(72, 143, 211, 1);
		border-radius: 5upx;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #fff;
	}
}
.pwdModel {
	z-index: 9999;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 700rpx;
	background: #fff;
	border-radius: 6upx;
	overflow: hidden;
	.Modal_title {
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 36rpx;
		font-weight: bold;
		margin-top: 32rpx;
	}
}
.msg_model {
	z-index: 9999;
	position: fixed;
	bottom: 0rpx;
	left: 0;
	width: 516upx;
	height: 100%;
	/* #ifdef APP-PLUS */
	height: calc(100% - var(--status-bar-height));
	/* #endif */
	border-radius:0upx 5upx 5upx 0upx;
	background: #fff;
	.Modal_title {
		position: relative;
		font-weight: 600;
		display: flex;
		height: 92rpx;
		border-bottom: 2rpx solid #F8F9FB;
		justify-content: center;
		align-items: center;
		font-size: 32rpx;
	}
	.serach {
		height: 64rpx;
		border-bottom: 2rpx solid #f8f9fb;
		display: flex;
		align-items: center;
		padding-left: 26rpx;
		image {
			width: 28rpx;
			height: 28rpx;
			margin-right: 12rpx;
		}
	}
	.c_block {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0 24rpx;
		margin-bottom: 40upx;
		text {
			font-weight: bold;
		}
		.one {
			font-size: 32rpx;
		}
		.two {
			font-size: 24rpx;
			color: #c5cfd5;
		}
		.add {
			font-size: 32rpx;
			color: $panBuy;
		}
		.reduce {
			font-size: 32rpx;
			color: $panSell;
		}
		.flat {
			color: $panwz;
		}
	}
}
.go_model {
	padding: 12rpx 0;
	border-radius:6upx;
	background: #fff;
	z-index: 999;
	position: fixed;
	right: 26rpx;
	top: 180rpx;
	/* #ifdef APP-PLUS */
	top: 260rpx;
	/* #endif */

	
	.goto {
		display: flex;
		align-items: center;
		width: 248rpx;
		height: 62rpx;
		image {
			margin: 0 16rpx;
		}
		text {
			font-weight: bold;
		}
	}
}
